<script setup lang="ts">
import AppWrap from "@/components/app-wrap/index.vue";
</script>

<template>
  <app-wrap class="page-footer">
    <div class="cell info">
      <div class="cell-bd">
        <img class="logo" src="../../assets/images/home/logo.png">
        <p class="phone-type">专项热线</p>
        <p class="phone">400-668-0077</p>
        <p class="addr"><b>地址：</b>北京经济技术开发区荣华南路1号国锐广场A座11层</p>
        <img class="app-icons" src="../../assets/images/home/12.png">
      </div>
      <div class="cell-bd">
        <p class="nav-name">首页</p>
      </div>
      <div class="cell-bd">
        <p class="nav-name">解决方案</p>
        <p>用户</p>
        <p>工商业</p>
        <p>支持中心</p>
      </div>
      <div class="cell-bd">
        <p class="nav-name">赋能业务</p>
        <p>服务商</p>
        <p>投资商</p>
      </div>
      <div class="cell-bd">
        <p class="nav-name">关于我们</p>
        <p>公司介绍</p>
        <p>新闻动态</p>
        <p>加入我们</p>
      </div>
    </div>
    <div class="cell copyright">
      <div class="cell-bd">环保信息公示 | 法律声明 | 隐私政策|COOKIE 政策 | 用户服务协议</div>
      <div class="cell-ft">@中领兴能有限公司 冀1CP备05008632号-46增值电信业务经营许可证: 合字B2-20220267</div>
    </div>
  </app-wrap>
</template>

<style scoped lang="scss">
.page-footer{
  background: #eee;
  padding: 40px 0;
  text-align: center;
}
.info{
  width: 100%;
  font-size: 14px;
  color: #555;
  padding: 0 30px;
  .cell-bd{
    align-self: self-start;
    text-align: left;
  }
  p{
    margin-top: 15px;
    text-align: left;
  }

  .phone-type{
    margin-top: 10px;
    font-weight: bold;
  }
  .phone{
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
  }
  .addr{
    margin-top: 10px;
  }
  .app-icons{
    height: 25px;
    margin-top: 15px;
  }
  .logo{
    height: 35px;
  }
  .nav-name{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
  }
}
.copyright{
  font-size: 14px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  text-align: left;
  padding: 40px 0px;
  div{
    padding: 0 30px;
  }
}
</style>
